<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>新建购买人/车辆信息</title>
<%@include file="../include/include.jsp"%>
<link rel="stylesheet" type="text/css" href="${csspath }/public.css"/>
<link rel="stylesheet" type="text/css" href="${csspath }/datepicker.css"/>
<link rel="stylesheet" type="text/css" href="${csspath }/style_l.css"/>
<script type="text/javascript" src="${jspath }/jquery-1.4.4.js"></script>
<script type="text/javascript" src="${jspath }/jquery.ui.min.js"></script>
<script type="text/javascript" src="${jspath }/ui.datepicker_zh-CN.js"></script>
<script type="text/javascript" src="${jspath }/jquery.blockUI.js"></script>
<script type="text/javascript" src="${jspath }/public.js"></script>
<script type="text/javascript" src="${jspath }/jquery.selectAll.js"></script>
<script type="text/javascript" src="${jspath}/jquery/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="${jspath}/jquery/jquery.alerts.js"></script>
<link rel="stylesheet" type="text/css" href="${csspath}/jquery.alerts.css" />
<script type="text/javascript" src="${jspath}/load_layer.js"></script>
<link rel="stylesheet" type="text/css"
	href="${webcontext}/css/validationEngine.jquery.css" />
<script src="${jspath}/jquery/validate/jquery.validationEngine.js"
	type="text/javascript"></script>
<script src="${jspath}/jquery/validate/jquery.validationEngine-zh.js"
	type="text/javascript"></script>
	<script type="text/javascript"
	src="${webcontext}/javascript/jquery/jquery.ui.draggable.js"></script>
<style type="text/css">
.formError .formErrorContent {
    -moz-border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 0 0 6px #000000;
    background: none repeat scroll 0 0 #EE0101;
    border: 2px solid #DDDDDD;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    padding: 4px 10px;
    width: 100px;
}
</style>
<script type="text/javascript">


$(function(){
	
	$("#purchase_notMember").validationEngine(
			{
             promptPosition:"topRight",
             success:false,
             validationEventTriggers : "change blur",
			 failure:function(){} 
	});
	
	$("#saveAndSubmit").click(function(){
		  

			if (!$("#purchase_notMember").validationEngine({
				promptPosition : "topRight",
				validationEventTriggers : "change blur",
				returnIsValid : true
			})) {
				return;
			}

			jConfirm("确认购买？", "确认提示", function(result) {
				if (result == true) {
					//location.href = "${webcontext}/crmdp/dealer/purchase/toPurchase?dto=" + $("#purchase_notMember").submit();
					$("#purchase_notMember").submit();
				}
			});

	});
})
</script>

</head>
<body>

	<!-- content -->
	<div id="content">
		<!-- wrap -->
		<div id="wrap">
        <!-- breadcrumb -->
			<div id="breadcrumb">新建购买人/车辆信息</div>

			<!-- /breadcrumb -->
			<!-- info_div -->
 <form:form id="purchase_notMember" action="${webcontext}/crmdp/dealer/purchase/toPurchase" method="post" modelAttribute="submitDto" enctype="multipart/form-data">

 <input type="hidden" id="operationType" name="operationType"/>
		  <div class="input_div">
				<div class="title">
					<p>基本资料</p>
				</div>
                <div>
                
				 <style>
                .input_tab { table-layout:fixed; }
                </style>
				<table class="input_tab">
                    
                     <tr>
						  <td colspan="6" class="spliterInput_Line">
						    <img src="${webcontext}/images/pictures_l/spliterInput_line_03.gif" width="550" height="9" />
						  </td>
					 </tr>
                     <tr>
	                       <td class="label"><p><span class="need">*</span>手机：</p></td>
	                       <td><form:input id="mobilePhone" path="mobilePhone" cssClass="validate[custom[mobilePhone]] text" cssStyle="width:300px;"/></td>
                     </tr>
                     <tr>
	                       <td class="label"><p><span class="need">*</span>姓名：</p></td>
                           <td align="left"><form:input id="memberName" path="memberName" cssClass="validate[required,length[1,300]] text string" cssStyle="width:300px;"/></td>
                     	   <td class="label" align="right"></td>
	                       <td align="left"></td>
                     </tr>
                     <tr>
	                      <td class="label" align="right">车牌：</td>
	                      <td align="left"><form:input id="carPlate" path="carPlate"  cssClass="text string" cssStyle="width:300px;"/></td>
	                      <td class="label" align="right"></td>
	                      <td align="left"></td>
                     </tr>
				</table>
		    </div>
		  </div>
			<!-- /info_div -->
            
            <div class="spliter h_10"></div>           
             <div class="spliter h_5"></div>
            
            <div class="btn_div">
                <input type="button" class="btn" id="saveAndSubmit" value="购买"/>
                <input type="button" class="btn" value="取消" onclick="javascript:window.history.back();"/>
            </div>
             
      </form:form>  
      </div>
		<!-- /wrap -->
	</div>
	<!-- /content -->

  </body>

</html>